|
|
| HTML일반 |
|
[1] |
 |
등록일:2008-04-01 10:19:01  (0%)
작성자:
제목:8가지 레이어 법칙 |
|
8가지 레이어 법칙
(출처 : http://www.thepattysite.com/layer_laws.cfm)
[8가지 레이어 법칙]
물론 여기에 있는 내용들이 원칙은 아니다. 하지만 여러 사람들의 경험상 레이어를 사용했을 때 가장 오류를 최소화할 수 있는 방법들이다. 흔히 9가지 레이어 법칙이라고 하지만 여기에서는 8가지만 법칙으로 인정한다.
1.
중첩 레이어(nest layer)를 사용하고 싶다면 부모 레이어를 하나만 사용하라. 스타일 시트에서 완벽하게 정의하지 못한 중첩
레이어를 사용해야 할 경우에는 넷스케이프 4.x에서 레이어가 제대로 표시되는지 자주 확인해야 한다.
2. 레이어
안에 텍스트를 넣어야 한다면 꼭 표를 사용해서 그 안에 텍스트를 넣도록 한다. 이 때 표의 크기는 %가 아닌 픽셀로 정확한 값을
정해줘야 하고 레이어보다 커서는 안된다. 하지만 한번 표를 삽입하고 그 안에 들어가는 중첩 표일 경우에는 %를 사용해도 된다.
이렇게 하면 resize 이벤트 후에 Netscape 4.x에서 발생하는 'reflowing'(역주> 레이어의 위치들을
다시 잡아줘야 하는 것)을 방지할 수 있다.
3. 표 안에는 레이어를 사용하지 않도록 한다. Netscape 4.x은 표 안에 있는 레이어를 제대로 표시하지 못한다.
4. 레이어나 CSS 스타일을 사용한 문서라면 반드시 Netscape resize Fix를 사용하도록 한다.
5.
윈도우 크기가 바뀐 뒤에, 혹은 해상도가 바뀐 후에도 중앙 정렬 표나 컨텐츠는 화면 중앙에 알맞게 배치되지만 고정 위치를 가진
레이어는 의도했던 것과 다르게 표시될 수 있다. 윈도우 크기에 따라 항상 일정한 위치에 표시되는 레이어를 원한다면 익스텐션을
사용하라.
6. overflow 속성을 이용해서 레이어 안에 스크롤바를 넣지 마라. 대신 DHTML 스크롤러나 Project Seven에서 제안하는 IFRAME 기법을 사용하도록 한다.
7. 레이어 이름을 정할 때 이미지 이름과 같게 하면 안된다. 레이어 이름은 그 페이지 안의 어떤 요소와도 중복되지 않는 이름이어야 한다. (사실 서로 다른 페이지에 같은 레이어 이름을 사용하는 것도 좋지 않다!)
8.
레이어에서 사용하는 비헤이비어는 cross-browser(역주> 모든 브라우저에서 통하는 것)가 아니기 때문에 레이어에
직접 이벤트나 비헤이비어를 적용하지 않도록 한다. 레이어 자체보다는 레이어 안의 이미지나 링크 같은 컨텐트에 비헤이비어를
적용하는 것이 좋다. |
|
[본문링크] 8가지 레이어 법칙
|
|
[1]
|
|
|
|
|
|
코멘트(이글의 트랙백 주소:/cafe/tb_receive.php?no=3391 |
|
|
|
|
|
|
|
|
|
| |
|
|
|
Copyright byCopyright ⓒ2005, SSISO Community All Rights Reserved.
|
|
|
